import { View} from "@tarojs/components";
import Taro from "@tarojs/taro";
import './index.scss'

function Index() {

  return (
    <View>
      <View style={{backgroundColor:'#fff',height:'80px',lineHeight:'80px'}}>
        <View className='iconfont icon-xiangzuo' style={{position:'absolute',top:'0',left:'0',fontSize:'22px',paddingTop:'6px',display:'flex'}}
              onClick={()=>Taro.navigateBack()}>
          <View style={{fontSize:'14px',paddingLeft:'4px'}}>退款详情</View>
        </View>
        <View style={{textAlign:'center',width:'100%'}}></View>
      </View>
      <View className='box'>
        <View className='title'>退款处理中</View>
        <View className='num'>
          <View>退款金额</View>
          <View className='number'>￥99.0</View>
        </View>
        <View className='text'>实付109.00元，扣除违约金10.00元</View>
        <View className='progress'>
          <View className='left'>
            <View className='circular' ></View>
            <View className='line'></View>
            <View className='circular'></View>
            <View className='line'></View>
            <View className='circular'></View>
          </View>
          <View className='right'>
            <View className='item'>
              <View>申请退款</View>
              <View className='time'>2014-12-15  17:30:25</View>
            </View>

            <View className='item'></View>
            <View className='item'>
              <View>系统处理中</View>
              <View className='time'>2014-12-15  17:30:25</View>
            </View>

            <View className='item'></View>
            <View className='item'>
              <View>退款成功</View>
              <View className='time'>2014-12-15  17:30:25</View>
            </View>
          </View>
        </View>
      </View>
    </View>
  );
}

export default Index;
